{# empty Twig template #}
<!DOCTYPE html>
<html>
    <head>
        <meta charset=utf-8 />
        <title>Dat Moment</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
        <script type="text/javascript" src="{{ asset('bundles/DatMomentVideo/js/bootstrap.js') }}"></script> 
        <link rel="stylesheet" type="text/css" href="{{ asset('bundles/DatMomentVideo/css/bootstrap.css') }}">
        <link rel="stylesheet" type="text/css" href="{{ asset('bundles/DatMomentVideo/css/main.css') }}" />
        <link href='http://fonts.googleapis.com/css?family=Roboto:400,700,300' rel='stylesheet' type='text/css'>
        
    </head>
    
    <body>
        <!--LOGO-->
        <div class="container">
            <div id="logo">
               <a href="{{ path('dat_moment_video_home',{'numPage' : 1}) }}"><img src="{{ asset('bundles/DatMomentVideo/images/logo.png') }}"></a>
            </div>
        </div>

        <header>
            <!--LIGNE BLANCHE--> 
            <div id="header_white_lign">                
            </div>
            
            <!--NAVIGATION-->
            <nav class="navbar navbar-default" role="navigation">
              <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main_menu">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                  </button>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="main_menu">
                    
                    <!--BARRE DE RECHERCHE-->
                    <form class="navbar-form navbar-right" role="search">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="Search">
                            <span class="input-group-btn">
                              <button class="btn btn-default" type="submit"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></button>
                            </span>
                        </div>  
                    </form>
                    
                   
                    <div class="clear_tablette"></div>

                    <!--ELEMENT DU MENU-->
                    <ul class="nav navbar-nav navbar-right">
                        <li><a href="{{ path('dat_moment_video_random') }}" class="main_menu_items">Random</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle main_menu_items" data-toggle="dropdown" role="button" aria-expanded="false">Category <span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="{{ path('dat_moment_video_categoryPage',{'nomCategorie': 'Fun','numPage' : 1}) }}">Fun</a></li>
                                <li><a href="{{ path('dat_moment_video_categoryPage',{'nomCategorie': 'Pure Skill','numPage' : 1}) }}">Pure Skill</a></li>
                                <li><a href="{{ path('dat_moment_video_categoryPage',{'nomCategorie': 'Epic Fail','numPage' : 1}) }}">Epic Fail</a></li>
                                <li><a href="{{ path('dat_moment_video_categoryPage',{'nomCategorie': 'WTF et BUG','numPage' : 1}) }}">WTF & Bug</a></li>
                                <li><a href="{{ path('dat_moment_video_categoryPage',{'nomCategorie': 'Autres','numPage' : 1}) }}">Autres</a></li>
                            </ul>
                        </li>
                        <li class="dropdown">
                          <a href="#" class="dropdown-toggle main_menu_items" data-toggle="dropdown" role="button" aria-expanded="false">Games <span class="caret"></span></a>
                            <ul class="dropdown-menu" role="menu">
                                <li><a href="{{ path('dat_moment_video_gamePage',{'nomJeu': 'Counter Strike : Global Offensive','numPage' : 1}) }}">Counter Strike</a></li>
                                <li><a href="{{ path('dat_moment_video_gamePage',{'nomJeu': 'LOL','numPage' : 1}) }}">LoL</a></li>
                                <li><a href="{{ path('dat_moment_video_gamePage',{'nomJeu': 'Dota 2','numPage' : 1}) }}">Dota</a></li>
                                <li><a href="{{ path('dat_moment_video_gamePage',{'nomJeu': 'GTA','numPage' : 1}) }}">GTA</a></li>
                                <li><a href="{{ path('dat_moment_video_gamePage',{'nomJeu': 'Simulator','numPage' : 1}) }}">Simulator</a></li>
                                <li><a href="{{ path('dat_moment_video_gamePage',{'nomJeu': 'DayZ','numPage' : 1}) }}">DayZ</a></li>
                                <li><a href="{{ path('dat_moment_video_gamePage',{'nomJeu': 'Street Fighter','numPage' : 1}) }}">Street Fighter</a></li>
                                <li><a href="{{ path('dat_moment_video_gamePage',{'nomJeu': 'Minecraft','numPage' : 1}) }}">Minecraft</a></li>
                                <li><a href="{{ path('dat_moment_video_gamePage',{'nomJeu': 'Battlefield','numPage' : 1}) }}">Battlefield</a></li>
                                <li><a href="{{ path('dat_moment_video_gamePage',{'nomJeu': 'Garry’s Mod','numPage' : 1}) }}">Garry’s Mod</a></li>
                            </ul>
                        </li>
                        <li><a href="{{ path('dat_moment_video_viewVideo') }}" class="main_menu_items">Add video</a></li>
                     </ul>

                </div><!-- /.navbar-collapse -->
              </div><!-- /.container -->
            </nav>
        </header>
        
        <!--MAIN CONTENU-->
        <section class="container" id="wrapper">
            <div class="row">
                <!--VIDEOS-->
                <article id="main_content" class="col-md-9">
                    {% block content %}
                    {% endblock %}
                </article>
                <!--SIDEBAR-->
                <aside class="col-md-3 hidden-xs hidden-sm" id="main_sidebar">
                   sidebar
                </aside>
            </div>
        </section>                           
    </body>
</html>
